<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../common/css/u-reset.min.css">
    <script src="../common/js/jquery.js"></script>
    <script src="../common/js/layer.js"></script>
    <title>弹窗</title>
</head>
<style>
    .spanList{
        width: 600px;
        height: 600px;
        padding: 20px;
        box-sizing: border-box;
        margin: 0 auto;
    }
    .spanItem{
        width: 100%;
        height: 25px;
        display: flex;
        justify-content: flex-start;
        align-items:center;
        margin-bottom: 20px;
    }

    .spanTit{
        width: 100%;
        height: 100%;
        font-size: 16px;
        line-height: 25px;
    }
    .spanItem input{
        width: 80%;
        height: 100%;
        outline: none;
        border:1px solid rgb(218, 218, 218);
        padding-left: 10px;
        box-sizing: border-box;
        background: transparent;
        margin-left: 15px;
        border-radius: 5px;
    }
    .dblBox input{
        width: 31%;
        height: 100%;
        outline: none;
        border:1px solid rgb(218, 218, 218);
        padding-left: 10px;
        box-sizing: border-box;
        background: transparent;
        margin:0 15px 0;
        border-radius: 5px;
    }
    .Itemarea{
        width: 100%;
        height: 50px;
        text-align: left;
        line-height: 100px;
    }
     textarea{
        width: 80%;
        height: 100%;
        outline: none;
        border:1px solid rgb(218, 218, 218);
        box-sizing: border-box;
        background: transparent;
        margin:0 15px 0;
        border-radius: 5px;
    }
    </style>

<body>
    <ul class="spanList">
        <li class="spanItem">
            <div class="spanTit">项目名称<input type="text" placeholder="科技名称"></div>
        </li> 
        <li class="spanItem dblBox">
            <div class="spanTit">企业名称<input type="text" placeholder="科技名称"> 所属行业<input type="text" placeholder="科技名称"></div>
        </li> 
        <li class="spanItem Itemarea">
            <div class="spanTit">企业简介 <textarea name="" id="" cols="30" rows="10" placeholder="科技名称"></textarea>
           </div>
        </li> 
        <li class="spanItem">
            <div class="spanTit">公司地址<input type="text" placeholder="科技名称"></div>
        </li> 
        <li class="spanItem">
            <div class="spanTit">财务报表<input type="text" placeholder="科技名称"></div>
        </li> 
        <li class="spanItem">
            <div class="spanTit">知识产权<input type="text" placeholder="科技名称"></div>
        </li>   
        <li class="spanItem dblBox">
            <div class="spanTit">公司人数<input type="number" placeholder=""> 邮箱<input type="email" placeholder="科技名称"></div>
        </li> 
        <li class="spanItem dblBox">
            <div class="spanTit">联系人姓名<input type="text" placeholder=""> 联系电话<input type="tel" placeholder=""></div>
        </li> 
        <li class="spanItem">
            <div class="spanTit">添加附件<input type="file" placeholder=""></div>
        </li> 
        <li class="spanItem">
            <div class="spanTit">其他附加<input type="text" placeholder=""></div>
        </li> 
    </ul>
</body>

</html>
<script>


</script>